// 输入框格式限制
.LDiv_NameInput {
    position: relative;

    .input{
        width: 100%;
        margin: 5px 2px;
        padding: 10px;                      // 设置输入框的内边距为10像素
        background-color: transparent;      // 输入框背景透明
        // 光滑边框
        border-radius: 10px;

        outline: none;
        color: black;
        font-size: 16px;
        border-width: 4px;

        $color: black;

        &:valid,
        &:focus{
            border-color: $color;
        }

        &:valid ~ .text,
        &:focus ~ .text{
            color: $color;

            transform:translateX(10px) translateY(-7px);
            font-size: 12px;

            padding: 0 10px;
            background-color: white;

            border-left: 1px solid $color;
            border-right: 1px solid $color;

            letter-spacing: 4px;
        }
    }

    .text{
        position: absolute;
        left: 5px;
        top: 8px;
        padding: 10px;
        pointer-events: none;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 0.65);
        transition: 0.5s;
    }
}